// JavaScript Document
$(function(){
	/*左右滑动*/
	//获取li的个数
	var leng=$('#pro_slideBox ul li').length;
	var ulW=240*leng;
	//alert(ulW)
	//设置ul的宽度
	$('#pro_slideBox ul').css({'width':ulW+'px'}); //变量不能够被引号包围 字符串一定要被引号包围 此处的+号起连接作用
	var i=0; //移动840的倍数
	var tt;
	function autoMove(){
		//图片自动滚动
		tt=setInterval(function(){
			/*i++;
			if(i*840>=ulW){
				i=0;
			}*/
			$('#pro_slideBox ul').animate({marginLeft:'-240px'},function(){
				$(this).css({'margin-left':'0'}).find('li:first').appendTo('#pro_slideBox ul');	
			})	
		},3000)	
	}
	autoMove();
	//鼠标放到slide上面停止滑动，移开继续滑动
	$('#pro_slide').hover(function(){
		//
		clearInterval(tt);
	},function(){
		autoMove();
	})
	//点击下一组
	$('#next').click(function(){
			$('#pro_slideBox ul').animate({marginLeft:'-240px'},function(){
				$(this).css({'margin-left':'0'}).find('li:first').appendTo('#pro_slideBox ul');	
			})		
	})
	//点击上一组
	$('#prev').click(function(){
		$('#pro_slideBox ul').css({'margin-left':'-240px'}).find('li:last').prependTo('#pro_slideBox ul');
		$('#pro_slideBox ul').animate({marginLeft:'0'});
	})
})